<script setup>
import { onMounted, nextTick, ref, reactive, watch } from 'vue'
import * as echarts from "echarts";


</script>

<template>
  <div id="layout">
    <div id="header">
      <img
        src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fp4.itc.cn%2Fq_70%2Fimages03%2F20211116%2F488fe8495ab4433e91e5d3c637c86d75.png&refer=http%3A%2F%2Fp4.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1670059150&t=76726eb35d676e5ba813a57ff79cd451"
        alt="">
      <div id="txt">核算预约</div>
    </div>
    <div id="info">
      <input type="text" />
      <input type="text" />
    </div>
    <div id="aaa">

    </div>
  </div>
</template>

<style lang='less'>
#layout {
  width: 100%;

  #header {
    width: 100%;
    height: 150px;
    display: flex;

    img {
      width: 40%;
      height: 40%;
      margin-top: 50px;
      margin-left: 25px;
    }

    #txt {
      margin-top: 75px;
      font-size: 30px;
      margin-left: -23px;
      font-family: '幼圆';
    }
  }

  #info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    input {
      height: 50px;
      width: 75%;
      border-radius: 20px;
      margin-bottom: 10px;
      border: 0px;
      background-color: rgb(240, 240, 233);
    }
  }
  #aaa{
    height: 200px;
    width: 200px;
    // background-image: url(../assets/dog.png);
  }
}
</style>